﻿.wrap{width:920px; margin:40px auto 0; background:#f7f7f7}
.container{ margin:0 auto; width:896px}
.header{margin:0 auto; padding-top:10px; padding-bottom:10px; width:896px;height:63px;}
.nav-search{margin:6px auto 0; width:894px;height:31px; border:1px solid #dcdcdc;background:url(../images/navAreaBg.png) repeat-x}
.container{ padding-top:10px; padding-bottom:10px;background:url(../images/index_main_bg.png) 0 0 no-repeat}
.logo{float:left}
.topNav{ float:right; padding-top:25px; padding-right:10px}

/*幻灯片*/
	.slider{ width:896px; margin:0 auto;  position:relative; overflow:hidden;   height:336px;; background:#000;  }
	.slider .bd{ position:relative; z-index:0;  }
	.slider .bd li{ height:336px; overflow:hidden; }
	.slider .bd li img{ display:block;  }

	.slider .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; }
	.slider .hd ul{ text-align:center;  }
	.slider .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:9px; height:9px; margin:0 4px; 
		background:url(../images/slider_dot.png) 0 -16px;
		overflow:hidden;  filter:alpha(opacity=70);opacity:0.7;  vertical-align:top; line-height:9999px; 
	}
	.slider .hd ul .on{ background-position:0 0;  }
	.slider .timer{ position:absolute; z-index:1; left:0; bottom:0; height:4px; width:0; background:#000; filter:alpha(opacity=40);opacity:0.4; font-size:0; overflow:hidden;   }

/* 导航 */
.nav { float:left; width:690px;height:31px;}
.nav ul{height:31px; background:url(../images/nav.png) 0 0 no-repeat; z-index:2;}
.nav li {float:left; height:31px; margin:0; display:inline; }
.nav li a {display:block; height:31px; }
.nav li a.nav_01{width:106px}
.nav li a.nav_02{width:99px}
.nav li a.nav_03{width:98px}
.nav li a.nav_04{width:99px}
.nav li a.nav_05{width:98px}
.nav li a.nav_06{width:99px}
.nav li a.nav_07{width:87px}

.nav li a.nav_01:hover,.nav li a.nav_01_current { background:url(../images/nav.png) no-repeat 0px -31px}
.nav li a.nav_02:hover,.nav li a.nav_02_current { background:url(../images/nav.png) no-repeat -106px -31px}
.nav li a.nav_03:hover,.nav li a.nav_03_current { background:url(../images/nav.png) no-repeat -205px -31px}
.nav li a.nav_04:hover,.nav li a.nav_04_current { background:url(../images/nav.png) no-repeat -303px -31px}
.nav li a.nav_05:hover,.nav li a.nav_05_current { background:url(../images/nav.png) no-repeat -402px -31px}
.nav li a.nav_06:hover,.nav li a.nav_06_current { background:url(../images/nav.png) no-repeat -500px -31px}
.nav li a.nav_07:hover,.nav li a.nav_07_current { background:url(../images/nav.png) no-repeat -599px -31px}

.search{float:left; margin-left:6px; padding-top:5px; width:184px;}
.search .keyword{ width:144px; height:18px; line-height:18px; border:none; color:gray; background:url(../images/search_input.png) repeat-x}

.con1{float:left; width:374px}
.con2{float:left; width:226px}
.con3{float:left; width:296px}
.con1 .hd,.con2 .hd{ margin-bottom:5px;height:25px; position:relative}
.con1 .hd span,.con2 .hd span{position:absolute; top:5px; right:20px}

.con1 a.pic{ display:block; float:left}
.con1 a.pic img{padding:2px; border:1px solid #999999}
.con1 ul.list{float:left; margin-left:10px;}
.con1 ul li{ height:22px;line-height:22px; background:url(../images/dot.png) 0 center no-repeat;}
.con1 ul li a{padding-left:10px; color:#848484}


.slideBox{ width:294px; height:116px; overflow:hidden; position:relative; border:1px solid #ddd;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#16c606; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:294px; height:116px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }